<template>
  <div>
    <!-- 底部菜单 -->
    <!-- <pageFooterNav></pageFooterNav> -->
    <page-footer-nav v-if="isfootershow"></page-footer-nav>
    <!-- 路由容器 -->
    <transition name="fade" mode="out-in">
      <!-- <transition enter-active-class="animate__animated animate__backInDown" leave-active-class="animate__animated animate__backOutDown"> -->
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </transition>
  </div>
</template>

<script>
import pageFooterNav from '@/components/pageFooterNav'
export default {
  components: {
    pageFooterNav
  },
  // data() {
  //   return {
  //     isfootershow: true
  //   }
  // }
  computed: {
    // vuex
    isfootershow() {
      return this.$store.state.isfootershow
    }
  }
}
</script>

<style lang="scss" scoped></style>
